﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Substitutes.aspx.cs" Inherits="PPAP.Web.Substitutes.Substitutes" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title></title>         
    
         <style type="text/css">
                                     
body {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
/*Example for a Menu Style*/
.menu {background-color:#ffffff;border-bottom:1px solid #d7d7d7; height:23px;width:500px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:left;}
.menu li {display:inline; line-height:23px;}
.menu li a 
{
    color:#000000; 
    background-color:#d7d7d7; 
    text-decoration:none; 
    padding:5px 5px 5px 5px;
    margin-bottom:0px;
    }
.menu li a.tabactive 
{
     font-weight:bold;
    background-color: #FFF;
    border-top: 3px solid #2E8AC5;
    border-bottom:3px solid #FFF;
    border-left:2px solid #2E8AC5;
    border-right:2px solid #2E8AC5;
}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#anothercontent1,#anothercontent2, #anothercontent3, #anothercontent4,#anothercontent5, #anothercontent6 {border:1px solid #ececec; width:498px; text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}
</style> 
    <script type="text/javascript">

        //EASY TABS 1.2 - MENU SETTINGS
        //Set the id names of your tablinks (without a number at the end)
        var tablink_idname = new Array("tablink", "anotherlink")
        //Set the id names of your tabcontentareas (without a number at the end)
        var tabcontent_idname = new Array("tabcontent", "anothercontent")
        //Set the number of your tabs in each menu
        var tabcount = new Array("1", "6")
        //Set the Tabs wich should load at start (In this Example:Menu 1 -> Tab 2 visible on load, Menu 2 -> Tab 5 visible on load)
        var loadtabs = new Array("2", "5")
        //Set the Number of the Menu which should autochange (if you dont't want to have a change menu set it to 0)
        var autochangemenu = 2;
        //the speed in seconds when the tabs should change
        var changespeed = 3;
        //should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes
        var stoponhover = 0;
        //END MENU SETTINGS


        function easytabs(menunr, active) {
            if (menunr == autochangemenu) { currenttab = active; }
            if ((menunr == autochangemenu) && (stoponhover == 1)) { stop_autochange() }
            else if ((menunr == autochangemenu) && (stoponhover == 0)) { counter = 0; } menunr = menunr - 1;
            for (i = 1; i <= tabcount[menunr]; i++) { document.getElementById(tablink_idname[menunr] + i).className = 'tab' + i; document.getElementById(tabcontent_idname[menunr] + 1).style.display = 'none'; } document.getElementById(tablink_idname[menunr] + active).className = 'tab' + active + ' tabactive'; document.getElementById(tabcontent_idname[menunr] + 1).style.display = 'block';

            if (active == 1) {
                document.getElementById("iframeleft").src = "SetForCurrentUser.aspx";
            }
            else if (active == 2) {
                document.getElementById("iframeleft").src = "SetForOthers.aspx";
            }
        }

    </script>
</head>
<%--<font size='-1' color='gray'>Current position:Substitutes>>Substitutes</font>--%>
<Br />
<body  style="font-family: Arial, Helvetica, sans-serif;"  onload="easytabs('1', '1');">
    <form id="form1" runat="server">
<div class="menu">
<ul>
<li><a href="#"  onfocus="easytabs('1', '1');" onclick="easytabs('1', '1');"  title="" id="tablink1">Substitutes</a></li>
</ul>
</div>

<div id="tabcontent1"  style="border-top-color:#2E8AC5; border-top-width:2px"><iframe   name= "frameleft" id= "iframeleft" src="SetForCurrentUser.aspx" frameborder= "0" width= "100%"  height= "360px">
				</iframe></div>
    </form>
</body>
</html>
